* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* background: rgba(0,0,0,.1); */
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

body {
    font-size: 14px;
    color: #444;
}

.common {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearf::after {
    content: " ";
    display: block;
    clear: both;
}

.col-1,
.col-2,
.col-2-5,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    display: block;
    position: relative;
    min-height: 1px;
    float: left;
}

.col-1 {
    width: 10%;
}

.col-2 {
    width: 20%;
}

.col-2-5 {
    width: 25%;
}

.col-3 {
    width: 30%;
}

.col-4 {
    width: 40%;
}

.col-5 {
    width: 50%;
}

.col-6 {
    width: 60%;
}

.col-7 {
    width: 70%;
}

.col-8 {
    width: 80%;
}

.col-9 {
    width: 90%;
}

head {
    padding: 10px 0;
}

.head li {
    float: left;
    padding-left: 30px;
    padding-top: 15px;
}

.head .search-bar {
    border: 2px solid pink;
}

.head .search-bar input,
.head .search-bar button {
    padding: 10px;
    border: 0;
    display: block;
    float: left;
}

.head .search-bar button {
    background: pink;
}

.head .sou{
    border-radius:18px
}
.nove p {
    font-size: 24px;
    /* display: block;
    float: left; */
}

.nove ul {
    border-top: 3px solid red;
}

.nove li {
    float: left;
    padding-left: 50px;
    font-size: 16px;
    padding-top: 16px;
}

.dianji .common {
    border-top: 3px solid pink;
}

.dianji li {
    float: left;
    font-size: 16px;
    padding-left: 70px;
    padding-top: 20px;
}

.dianji span {
    font-size: 16px;
    padding-left: 70px;
}

.main .wenzi .jia {
    font-size: 24px;
}

.main span {
    font-size: 18px;
    padding-left: 30px;
    line-height: 36px;
}

.main a {
    font-size: 18px;
    padding-left: 30px;
    line-height: 36px;
    padding-top: 30px;
    display: block;
}



.m-style {
    position: relative;
    text-align: center;
    zoom: 1
  }
  
  .m-style:before,
  .m-style:after {
    content: "";
    display: table
  }
  
  .m-style:after {
    clear: both;
    overflow: hidden
  }
  
  .m-style span {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #bdbdbd;
    font-size: 14px
  }
  
  .m-style .active {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #e91e63;
    color: #fff;
    font-size: 14px;
    border: 1px solid #e91e63
  }
  
  .m-style a {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #bdbdbd;
    font-size: 14px
  }
  
  .m-style a:hover {
    color: #fff;
    background: #e91e63
  }
  
  .m-style .next,
  .m-style .prev {
    width: 100px;
    font-family: simsun;
    font-size: 16px;
    font-weight: 700
  }
  
  .now,
  .count {
    padding: 0 5px;
    color: red
  }
  
  .eg img {
    max-width: 800px;
    min-height: 500px
  }
  
  input {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    outline: 0;
    color: #bdbdbd;
    font-size: 14px
  }









.naver {
    margin-top: 34px;
    margin-bottom: 67px;
}

.naver ul{
    margin-left: 160px;
}
.naver li {
    float: left;
    padding-left: 10px;
    font: 16px/32px "楷体";
}
.naver ul li a{
    color: #666;
}

.footer {
    padding-left: 167px;
    /* margin-left: 160px; */
    background: #f8f8f8;
}
.footer .kuang{
    display: inline-block;
    width: 100px;
    height: 30px;
    border: 1px solid red;
    text-align: center;
    line-height: 30px;
    background-color: red;
    color: white;
    border-radius:15px
}






.pagination{
    width: 900px;
    height: 50px;
    /* border: 1px solid #000; */
    margin: 50px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}